<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>事件委托</title>

	<style type="text/css">
		
		 ul li{
		 	 list-style: none;
		 	 width:100%;
		 	 height:100px;
             border:1px solid #ccc;
             margin-top: 10px;
		 }
	</style>
</head>
<body>
    
    <ul id="ul"> 
         <li>我是隔壁王叔叔1</li>
         <li>我是隔壁王叔叔2</li>
         <li>我是隔壁王叔叔3</li>
         <li>我是隔壁王叔叔4</li>
         <li>我是隔壁王叔叔5</li>
    </ul>
    <script type="text/javascript">
    	
    	var ul =document.getElementById("ul")

    	ul.onclick =function(e){
    		 console.info(e.target.innerHTML)
    	}
    </script>
</body>
</html>